<div id="panel">
  <div class="slideMenu">
    <app-side-menu [closeMenuItem]="closeSelectItem" [data]="menuList" (sideBarEventEmitter)="getSideMenuItem($event)">
    </app-side-menu>
  </div>
  <div class="searchContainer" *ngIf="menuItem && menuItem.visible && title!='技术推荐'">
    <app-tools-container [title]="menuItem?.data.title" (closeToolBar)="close($event)">
      <div class="inputCon">
        <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
          <input type="text" nz-input placeholder="输入关键字" [(ngModel)]="keyword" (ngModelChange)="search()" />
        </nz-input-group>
        <ng-template #suffixIconButton>
          <button nz-button nzType="primary" nzSearch><i nz-icon nzType="search"></i></button>
        </ng-template>
      </div>
      <div class="search-sta">
        <div>
          共找到<span class="count">{{totalRecord}}</span>条结果
        </div>
      </div>
      <div class="list">
        <app-result-list *ngIf="resultList" [data]="resultList" (zoomto)="flyto($event)"></app-result-list>
      </div>
      <div class="pagination">
        <nz-pagination [nzSize]="'small'" [(nzPageIndex)]="pagenNo" [nzTotal]="totalRecord"
          (nzPageIndexChange)=pageIndexChange()></nz-pagination>
      </div>
    </app-tools-container>
  </div>
  <!-- <div class="dataContainer" *ngIf="menuItem && menuItem.visible && title=='技术推荐'">
    <div>
      <smart-table-basic [dataList]="resultList"></smart-table-basic>
    </div>
  </div> -->

  <!-- 详情页面 -->
  <div class="pdfVideo" *ngIf="listItemInfo">
    <app-title-container [title]="listItemInfo?.title" (closeToolBar)="closePDF($event)">
      <div class="container">
        <div class="PDF" *ngIf="currentBtn === 'PDF'">
          <ng-container *ngIf="listItemInfo.bgcflj&&listItemInfo.bgcflj.length>0; else nodata">
            <div class="tabs">
              共计<span>{{pdfNum}}</span>条报告
            </div>
            <!-- // 展示结果 -->
            <div class="PDFResult">
              <div *ngFor="let citem of listItemInfo.bgcflj" class="items">
                <span (click)="preview(citem)" class="title">{{citem.name}}</span>
              </div>
            </div>
          </ng-container>
        </div>
        <ng-template #nodata>
          <div class="nodata">
            <nz-empty [nzNotFoundContent]="null"></nz-empty>
          </div>
        </ng-template>
      </div>
    </app-title-container>
  </div>
</div>

<!-- 污染数据 -遮盖地图页面 -->
<div class="contaminated-data-container" *ngIf="menuItem && menuItem.visible && title=='污染特征'">
  <app-contaminated-data></app-contaminated-data>
</div>

<!-- 技术推荐 -遮盖地图页面 -->
<div class="tec-recommend-container" *ngIf="menuItem && menuItem.visible && title=='技术推荐'">
  <app-technical-recommend></app-technical-recommend>
</div>

<!-- 工艺包 -遮盖地图页面 -->
<div class="gyb-container" *ngIf="menuItem && menuItem.visible && title=='工艺包'">
  <app-gyb-container></app-gyb-container>
</div>